import React from 'react'
import './Team.css'
function Team() {
  return (
    <div className='Solution'>
    <h1>选择适合您团队/企业的解决方案</h1>
    <div className='programme'>
    <div className="vip" style={{background:"#fffbea"}}>
      <img src="https://s.ibaotu.com/next/img/new/v-1.c28f.png" alt="" />
      <h2>个人VIP</h2>
      <button style={{background:"yellow"}}>立即加入</button>
      <p>
        <b>适用场景</b>
        <span>仅限个人学习、 交流使用</span>
      </p>
       <p>
        <b>商用权益</b>
        <span>仅限个人学习、 交流使用</span>
      </p>
       <p>
        <b>对应权益</b>
        <span>相关素材高速下载、专属客服及时响应、在线发票申请</span>
      </p>
    </div>
      <div className="vip" style={{background:"#f7efeff5"}}>
      <img src="https://s.ibaotu.com/next/img/new/v-2.5a48.png" alt="" />
      <h2>个人VIP</h2>
      <button style={{background:"#ccc"}}>立即加入</button>
      <p>
        <b>适用场景</b>
        <span>用于企业的线上宣传、线下物料活动、广告传媒用途、转售品用途等</span>
      </p>
       <p>
        <b>商用权益</b>
        <span>企业可商用</span>
      </p>
       <p>
        <b>对应权益</b>
        <span>相关素材高速下载、专属客服及时响应、在线发票申请</span>
      </p>
    </div>
      <div className="vip" style={{background:"#fff2e5"}}>
      <img src="https://s.ibaotu.com/next/img/new/v-3.f421.png" alt="" />
      <h2>个人VIP</h2>
      <button style={{background:"orange"}}>立即加入</button>
      <p>
        <b>适用场景</b>
        <span>无需设计能力，线上编辑、快速出图</span>
      </p>
       <p>
        <b>商用权益</b>
        <span>个人可商用</span>
      </p>
       <p>
        <b>对应权益</b>
        <span>相关素材高速下载、专属客服及时响应、在线发票申请</span>
      </p>
    </div>
      <div className="vip" style={{background:"#ffe6e5"}}>
      <img src="	https://s.ibaotu.com/next/img/new/v-4.9fab.png" alt="" />
      <h2>个人VIP</h2>
      <button style={{background:"red"}}>立即加入</button>
      <p>
        <b>适用场景</b>
        <span>行政事业单位用于网络媒体、传统媒体、活动物料、广告投放等</span>
      </p>
       <p>
        <b>商用权益</b>
        <span>相关素材高速下载、专属客服及时响应、在线发票申请</span>
      </p>
     
    </div>
    </div>
    

    
  </div>
  )
}

export default Team